<!DOCTYPE html>
<html>
    <head>
        <meta charset = "utf-8"/>
        <title>aaabbbaaa</title>
        <link rel="stylesheet" type="text/css" href="h5study.css">
        <style type = "text/css">
            .box {
                column-count: 4;
                column-gap: 0px;
            }
        img{
            width: 100%;
            height:100%;
        }
        </style>
        <script type = "text/javascript">
            var images = new Array()
            
            for (var i = 0;i <= 120;i ++){
                images.push("<img src='animal_image_"+i+".jpg'/>")
            }
        document.write("<div class='box'>")
        for (var i = 0,image;image = images[i++];){
            document.write(image)
        }
        document.write("</div>")
            </script>
        
    </head>
    <body>
    </body>
</html>

